<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
  <meta name="renderer" content="webkit" />
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <title>考试管理系统</title>
  <link rel="stylesheet" type="text/css" href="./lib/layui/css/layui.css" />
  <link rel="stylesheet" type="text/css" href="./style/knowlegPoints.css" />
</head>

<body>
  <div class="topic-bank">
    <div id="location">当前位置：首页 > 题目设计 > 题库管理</div>
    <div id="content">
      <div class="btnbar">
        <button id="topic_view">
          <em class="ico16 preview_16"></em>
          <span class="menu_span" title="查看题目">查看题目</span>
        </button>
        <button id="topic_add">
          <em class="ico16 add_new"></em>
          <span class="menu_span" title="添加题目">添加题目</span>
        </button>
        <button id="topic_edit">
          <em class="ico16 editor_16"></em>
          <span class="menu_span" title="修改题目">修改题目</span>
        </button>
        <button id="topic_del">
          <em class="ico16 enabled_16"></em>
          <span class="menu_span" title="启用/停用">启用/停用</span>
        </button>
        <button id="topic_import">
          <em class="ico16 import_16"></em>
          <span class="menu_span" title="批量导入题目">批量导入题目</span>
        </button>
      </div>
      <!-- 筛选条件 -->
      <div id="searchbox">
        <form id="searchfrom" action="">
          <table width="100%" class="treeTable searchform" cellpadding="0" cellspacing="0">
            <thead>
              <tr>
                <td width="45">题型：</td>
                <td width="140">
                  <select name="type">
                    <option value="0">所有题型</option>
                    <option value="1">单项选择题</option>
                    <option value="2">不定项选择题</option>
                    <option value="3">填空题</option>
                    <option value="4">判断正误题</option>
                    <option value="5">简答题</option>
                    <option value="6">综合题</option>
                  </select>
                <td width="45">岗位：</td>
                <td width="140">
                  <select name="zid">
                    <option value="0">所有岗位</option>
                    <option value="102">2016年“安全生产月”安全法规知识网络竞赛</option>
                    <option value="103">车辆</option>
                    <option value="104">站务安全员</option>
                  </select>
                </td>
                <td width="60">知识点：</td>
                <td width="140">
                  <select name="zid">
                    <option value="0">所有岗位</option>
                    <option value="102">2016年“安全生产月”安全法规知识网络竞赛</option>
                    <option value="103">车辆</option>
                    <option value="104">站务安全员</option>
                  </select>
                </td>
                <td width="45">难度：</td>
                <td width="140">
                  <select name="kid">
                    <option value="0">所有知识点</option>
                    <option value="143">2016年“安全生产月”安全法规知识网络竞赛</option>
                  </select>
                </td>
                <td width="45">状态：</td>
                <td width="140">
                  <select name="state">
                    <option value="-1">全部</option>
                    <option value="0">启用</option>
                    <option value="1">停用</option>
                  </select>
                </td>
                <td width="60">关键字：</td>
                <td width="140"><input type="text" name="key" class="search-input" placeholder="请输入关键字"></td>
                <td>
                  <button id="searchbtn" class="search">
                    <em class="ico16 search_16"></em>
                    <span class="menu_span" title="查询">查询</span>
                  </button>
                </td>
              </tr>
            </thead>
          </table>
        </form>
      </div>
      <div class="table-cont">
        <table id="topic-table" lay-filter="topic-table"></table>
      </div>
    </div>
  </div>

  <div id="view-page" class="other-page">
    <!-- 下面内容建议通过接口直接返回html内容 各种题型展示的内容有所区别 下面以其中一种做布局展示 -->
    <table class="treeTable inputform" cellpadding="0" cellspacing="0" width="100%">
      <tbody>
        <tr>
          <td width="60">题干</td>
          <td>以下属于生产经营单位的从业人员在安全生产方面的权利和义务的是？（ ）</td>
        </tr>
        <tr>
          <td rowspan="4">选项</td>
          <td>A．享有工伤保险和伤亡求偿权</td>
        </tr>
        <tr>
          <td style="border-left:none;">B．危险危害因素和应急措施的知情权</td>
        </tr>
        <tr>
          <td style="border-left:none;">C．拒绝违章和强令冒险作业权</td>
        </tr>
        <tr>
          <td style="border-left:none;">D．紧急情况下的停止作业和紧急撤离权</td>
        </tr>
        <tr>
          <td>答案</td>
          <td>A,B,C,D</td>
        </tr>
        <tr>
          <td>解析</td>
          <td></td>
        </tr>
      </tbody>
    </table>

    <table class="treeTable inputform" style="margin-top:10px;" cellpadding="0" cellspacing="0" width="100%">
      <tbody>
        <tr>
          <td width="60">题型</td>
          <td>不定项选择题</td>
          <td width="60">状态</td>
          <td>启用</td>
        </tr>
        <tr>
          <td>岗位</td>
          <td>2016年“安全生产月”安全法规知识网络竞赛<br></td>
          <td>知识点</td>
          <td>2016年“安全生产月”安全法规知识网络竞赛</td>
        </tr>
        <tr>
          <td>添加人</td>
          <td>系统管理员</td>
          <td>添加时间</td>
          <td>2016-06-22 15:19</td>
        </tr>
        <tr>
          <td>修改人</td>
          <td>系统管理员</td>
          <td>修改时间</td>
          <td>2016-06-22 15:19</td>
        </tr>
      </tbody>
    </table>
  </div>

  <div id="import-page" class="other-page">
    <div class="btnbar">
      <button class="save">
        <em class="ico16 save_traft_16"></em>
        <span class="menu_span" title="保存">保存</span>
      </button>
    </div>
    <table class="treeTable inputform" width="100%" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td width="80">选择文件：</td>
          <td><input type="file" name="file" datatype="*" nullmsg="请先选择要导入的Excel文档"></td>
        </tr>
        <tr>
          <td>模版文件：</td>
          <td><a href="/Content/Template/import_question.xls" class="down-tmpl">点击下载用户批量导入模版</a></td>
        </tr>
      </tbody>
    </table>
  </div>

  <script type="text/javascript" src="./lib/jquery-3.2.1.min.js"></script>
  <script type="text/javascript" src="./lib/layui/layui.js"></script>
  <script type="text/javascript" src="./js/topicBank.js"></script>
</body>

</html>